@CHARSET "UTF-8";

body {
	font-size: 12px;
}

#header {
	width:92%;
	padding-right:8%;
	height:40px;
	border-bottom:1px solid black;
	margin-bottom:15px;
	text-align:center;
}

#header img {
  margin: 0 20px 0 0;
  float:left;
}

#body {
	width:90%;
	margin:auto;
}

.area {
   z-index:0;
   height:50%;
   width:50%;
   margin:auto;
   display:none;
}

.drop {
	position:fixed !important;
	margin-top:100px;
	margin-left:15%;
   	z-index:199;
   	height:70%;
   	width:70%;
   	visibility:0.4;
   	background:black;
   	color:#FFFFFF;
   	font-size:120px;
   	font-family:Futura;
   	text-align:center;
   	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-box-shadow: 15px 10px 25px #aaa;
    -moz-box-shadow: 15px 10px 25px #aaa;
    box-shadow: 15px 10px 25px #aaa;
    opacity:0.50; /*CSS3*/
	filter: alpha(opacity=50); /*Internet Explorer*/
	-moz-opacity: 0.5; /*Mozilla*/
}

.qq-upload-list {
	display:none !important;
}

#tabs{
    text-align:center;
	min-height:600px;
}

textarea.equation {
	width:600px;
	height:60px;
	border-style: solid;
	border-color:grey;
	border-width:1px;
	background:#FFFFFF;
	padding:5px;
}


.canviz {
	display:block;
  	margin:auto;
  	width: 80%;
  overflow:visible;
  min-height:500px;
  
}

#accordion {
  min-height:400px;

}

fieldset {
	margin:0 auto 0 auto;
	text-align:left;
	width:550px;
	border:none;
}

.short {
	width:40px;
	height:12px;
}

.middle {
	width:80px;
	height:12px;
}

#macroField {
	margin:auto;
	width:550px;
	border:none;
}

#macroField input {
	width:400px;
	height:20px;
	border-style: solid;
	border-color:grey;
	border-width:1px;
	background:#FFFFFF;
	padding:5px;
	margin-top:5px;
}

.macro {
	width:300px;
}

input.heading {
	width:200px;
	border:none;
	text-align:center;
	margin:0 0 20px 0;
	background:#feeebd;
	font-weight:bold;
}

label,select,.ui-select-menu { float: left; margin-right: 10px; }
select { width: 200px; }

.dataTables_wrapper {
	align:center;
	text-align:center;
	margin:auto;
}

table {
	align:center;
}

#shadow-overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	filter:alpha(opacity=25); 
	-moz-opacity: 0.25; 
	opacity: 0.25;
	z-index:99;
	
}

.padding-info-overlay {
	margin-left:50px;
}

#info-overlay {
	display:none;
	position:absolute;
	top:5%;
	left:5%;
	width:90%;
	height:90%;
	background:#000000;
	-moz-border-radius: 25px;
	border-radius: 25px;
	filter:alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity: 0.65;
	z-index:100;
	line-height:20px;
	font-size:15px;
}

#info-overlay > p, #info-overlay > h1 , #info-overlay > h2 , #info-overlay > h3 {
	color:#FFFFFF;
	font-family:Arial;
	margin:20px 40px 20px 40px;
}

#info-overlay-close {
	float:right;
	height:28px;
	width:28px;
	margin:15px 15px 0 0;
}